<!doctype html>

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name='gwt:property' content='locale=en'>

<title>Yui4Gwt example gallery</title>


   <script type="text/javascript" language="javascript" 
   	src="http://yui.yahooapis.com/3.5.1/build/yui/yui-min.js"></script>


</head>

<!-- <h1>2d Transforms Demo</h1> -->
<!-- <p>Click to focus the Result frame.  Then use the W, A, S, and D keys to drive the space ship.  Use Z and X to zoom.</p> -->
<!-- <div id="a"></div> -->

<style>
/* #a { */
/*     border-bottom: 34px ridge #770000; */
/*     border-left: 34px groove #3333FF; */
/*     border-radius: 34px; */
/*     border-right: 34px ridge #3333FF; */
/*     height: 34px; */
/*     margin: 3em; */
/*     width: 0; */
/* } */

/* #a.transitioning:before { */
/*     border-bottom: 34px double #FF0000; */
/*     border-left: 34px solid transparent; */
/*     border-radius: 34px; */
/*     border-right: 34px solid transparent; */
/*     content: ""; */
/*     display: inline-block; */
/*     height: 34px; */
/*     position: relative; */
/*     left: -34px; */
/*     width: 0px; */
/* } */

/* html { */
/*     height: 100%; */
/* } */
</style>

<body class="yui-skin-sam">


<br class="cbt">
            <div id="hlogo">
                <a href="/">Stack Overflow</a>
            </div>
            <div id="hmenus">
                <div class="nav mainnavs">
                    <ul>
                        <li class="youarehere"><a id="nav-questions" href="/questions">Questions</a></li>
                        <li><a id="nav-tags" href="/tags">Tags</a></li>
                        <li><a id="nav-users" href="/users">Users</a></li>
                        <li><a id="nav-badges" href="/badges">Badges</a></li>
                        <li><a id="nav-unanswered" href="/unanswered">Unanswered</a></li>
                    </ul>
                </div>
                <div class="nav askquestion">
                    <ul>
                        <li>
                            <a id="nav-askquestion" href="/questions/ask">Ask Question</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        


        <div id="content">
            
            


<div itemscope="" itemtype="http://schema.org/Article">
<link itemprop="image" href="http://cdn.sstatic.net/stackoverflow/img/apple-touch-icon.png">
<div id="question-header">
    <h1 itemprop="name"><a href="/questions/10538679/is-there-a-shoveler-widget-available-for-gwt" class="question-hyperlink">Is there a Shoveler widget available for GWT?</a></h1>
</div>
<div id="mainbar">


<div class="question" id="question" data-questionid="10538679">

    <div class="everyonelovesstackoverflow" id="adzerk1"><a href="http://engine.adzerk.net/redirect/0/5917/7472/8277/ca99b949c3334978a314ed2bd47e7303/43/1178/10182/634807616911119880/?keywords=gwt" rel="nofollow" target="_blank" title=""><img src="http://static.adzerk.net/Advertisers/879d9e1805a6495a9e3cbeeffe6da2ad.png" title="" alt="" height="90" width="728" border="0"></a><img src="http://engine.adzerk.net/v/v.gif?i=eyJVc2VyIjpudWxsLCJDYXRlZ29yaWVzIjpbXSwiQ3JlYXRlZE9uIjoiXC9EYXRlKDEzNDUxNjQ4OTExMDQpXC8iLCJJZCI6ImEyM2YwNGY2LTI5M2ItNDkzNi05ZjlkLWYzZDJlYzQzMDJmYyIsIlJlbW90ZUlQIjpudWxsLCJVc2VyQWdlbnQiOm51bGwsIlJlZmVycmVyVXJsIjpudWxsLCJVcmwiOm51bGwsIkNyZWF0aXZlSWQiOjU5MTcsIlJTU0tleSI6bnVsbCwiQWRUeXBlSWQiOjQsIlNpdGVJZCI6ODI3NywiQ2hhbm5lbElkIjoxMTc4LCJQcmlvcml0eUlkIjoxNjA0LCJOZXR3b3JrSWQiOjIyLCJab25lSWQiOjQzLCJMb2NhdGlvbiI6bnVsbCwiQ2FtcGFpZ25JZCI6MjkxMSwiUGFzc0lkIjo3NDcyLCJCcmFuZElkIjo0MTQsIkZpcnN0Q2hhbm5lbElkIjoxMTc4LCJJbXByZXNzaW9uQ291bnQiOjEsIlVzZXJLZXkiOm51bGwsIktleXdvcmRzIjoiZ3d0IiwiRGVsaXZlcnlNb2RlIjoxLCJSZXZlbnVlIjowLCJJc1RyYWNraW5nQ29va2llRXZlbnRzIjpmYWxzZSwiUGhhbnRvbVBhc3NJZCI6MCwiUGhhbnRvbUNyZWF0aXZlUGFzc0lkIjowLCJDcmVhdGl2ZVBhc3NJZCI6MTAxODIsIklzVmFsaWRVQSI6ZmFsc2UsIklzTm9UcmFjayI6ZmFsc2UsIk1hdGNoaW5nS2V5d29yZHMiOm51bGx90" height="0" width="0"></div>

    
    <table>
    <tbody><tr>
    <td class="votecell">
        

<div class="vote">
    <input value="10538679" type="hidden">
    <a class="vote-up-off" title="This question shows research effort; it is useful and clear (click again to undo)">up vote</a>
    <span class="vote-count-post">1</span>
    <a class="vote-down-off" title="This question does not show any research effort; it is unclear or not useful (click again to undo)">down vote</a>
    <a class="star-off" href="#" title="This is a favorite question (click again to undo)">favorite</a>
    <div class="favoritecount"><b></b></div>   
 
</div>

    </td>
<td class="postcell">
<div>          
    <div class="post-text" itemprop="description">
        <p>I was wondering if anybody knew of an open-source Shoveler widget for GWT, <a href="http://yuilibrary.com/gallery/show/shoveler" rel="nofollow">like the one the YUI library has</a>. For an example, see <a href="http://gregthebusker.com/yui/shoveler/testShoveler.html" rel="nofollow">http://gregthebusker.com/yui/shoveler/testShoveler.html</a></p>

<p>Thanks,</p>

<p>Lucas</p>

    </div>            
    <div class="post-taglist">
        <a href="/questions/tagged/gwt" class="post-tag" title="show questions tagged 'gwt'" rel="tag">gwt</a> 
    </div>
    <table class="fw">
    <tbody><tr>
    <td class="vt">
        <div class="post-menu"><a href="/q/10538679" title="short permalink to this question" class="short-link" id="link-post-10538679">share</a><span class="lsep">|</span><a href="/posts/10538679/edit">improve this question</a></div>
    </td>
    <td class="post-signature" align="right">
<div class="user-info"><div class="user-action-time">edited <a href="/posts/10538679/revisions" title="show all edits to this post"><span title="2012-05-10 16:52:31Z" class="relativetime">May 10 at 16:52</span></a></div><div class="user-gravatar32"></div><div class="user-details"><br></div></div>    </td>
    <td class="post-signature owner">
    <div class="user-info"><div class="user-action-time">asked <span title="2012-05-10 16:46:01Z" class="relativetime">May 10 at 16:46</span></div><div class="user-gravatar32"><a href="/users/1211503/lucas-a"><div class=""><img src="http://www.gravatar.com/avatar/04947a4a8eeb12a286de04678246e1f2?s=32&amp;d=identicon&amp;r=PG" alt="" height="32" width="32"></div></a></div><div class="user-details"><a href="/users/1211503/lucas-a">Lucas A.</a><br><span class="reputation-score" title="reputation score" dir="ltr">26</span><span title="4 bronze badges"><span class="badge3"></span><span class="badgecount">4</span></span></div></div>
    </td>
    </tr>
    </tbody></table>
</div>
</td>    </tr>


<tr>
<td class="votecell"></td>
<td>
    <div id="comments-10538679" class="comments dno">
        <table>
        <tbody>
        
            <tr><td></td><td></td></tr>
        
        </tbody>
    
        </table>
    </div>
    
    
    <div style="color: rgb(136, 136, 136);" class="was-this-helpful">
        feedback
    </div>
    
</td>
</tr>    </tbody></table>    
</div>



<div id="answers">

    <a name="tab-top"></a>
    <div id="answers-header">
        <div class="subheader answers-subheader">
            <h2>1 Answer</h2>
            <div id="tabs">
                <a href="/questions/10538679/is-there-a-shoveler-widget-available-for-gwt?answertab=active#tab-top" title="Answers with the latest activity first">active</a>
<a href="/questions/10538679/is-there-a-shoveler-widget-available-for-gwt?answertab=oldest#tab-top" title="Answers in the order they were provided">oldest</a>
<a class="youarehere" href="/questions/10538679/is-there-a-shoveler-widget-available-for-gwt?answertab=votes#tab-top" title="Answers with the highest score first">votes</a>

            </div>
        </div>    
    </div>    


  
    <a name="10538756"></a>
    <div id="answer-10538756" class="answer" data-answerid="10538756">
        <table>
        <tbody><tr>
        <td class="votecell">
            

<div class="vote">
    <input value="10538756" type="hidden">
    <a class="vote-up-off" title="This answer is useful (click again to undo)">up vote</a>
    <span class="vote-count-post">0</span>
    <a class="vote-down-off" title="This answer is not useful (click again to undo)">down vote</a>
 
</div>

        </td>


<td class="answercell">
    <div class="post-text"><p>That is an equivalent of the Image Slider in JQuery, no there is no such widget in GWT. You may have to make your own using the basic widgets.</p>
</div>
    <table class="fw">
    <tbody><tr>
    <td class="vt">
<div class="post-menu"><a href="/a/10538756" title="short permalink to this answer" class="short-link" id="link-post-10538756">share</a><span class="lsep">|</span><a href="/posts/10538756/edit">improve this answer</a></div>    </td>
            

    <td class="post-signature" align="right">   
       
	<p id="myNode" style="font-size: 44px; background-color: red">Sebastián Gurin !!!!!!!!!!!!!!!!!!!!!!!!!!</p>
    <div class="user-info"><div class="user-action-time">answered <span title="2012-05-10 16:51:21Z" class="relativetime">May 10 at 16:51</span></div><div class="user-gravatar32"><a href="/users/1369233/edwin-bautista"><div class=""><img src="http://www.gravatar.com/avatar/552294f15286dff27eee6cb0e40cc84b?s=32&amp;d=identicon&amp;r=PG" alt="" height="32" width="32"></div></a></div><div class="user-details"><a href="/users/1369233/edwin-bautista">Edwin Bautista</a><br><span class="reputation-score" title="reputation score" dir="ltr">271</span><span title="11 bronze badges"><span class="badge3"></span><span class="badgecount">11</span></span></div></div>
    </td>
    </tr>
    </tbody></table>
</td>        </tr>


<tr>
<td class="votecell"></td>
<td>
    <div id="comments-10538756" class="comments">
        <table>
        <tbody>
                    
    <tr id="comment-13634325" class="comment">
        <td></td>
        <td class="comment-text"><div><span class="comment-copy">Not even as part of another independent GWT widget library?</span> –&nbsp;<a href="/users/1211503/lucas-a" title="26 reputation" class="comment-user owner">Lucas A.</a> <span class="comment-date" dir="ltr"><a class="comment-link" onclick="StackExchange.question.highlightComment(13634325, 10538756)" href="#comment13634325_10538756"><span title="2012-05-10 16:57:07Z">May 10 at 16:57</span></a></span></div></td>
    </tr>
            
    <tr id="comment-13634890" class="comment">
        <td></td>
        <td class="comment-text"><div><span class="comment-copy">Sorry I don't know of a custom GWT library that has image slider.</span> –&nbsp;<a href="/users/1369233/edwin-bautista" title="271 reputation" class="comment-user">Edwin Bautista</a> <span class="comment-date" dir="ltr"><a class="comment-link" onclick="StackExchange.question.highlightComment(13634890, 10538756)" href="#comment13634890_10538756"><span title="2012-05-10 17:21:15Z">May 10 at 17:21</span></a></span></div></td>
    </tr>
            
    <tr id="comment-13634969" class="comment">
        <td></td>
        <td class="comment-text"><div><span class="comment-copy">What you can do though is get two buttons for the left and right navigation, which will have to have a click handler, an image holder for the images. So when you click on the left and right button, the images in the middle slide's on the corresponding direction.</span> –&nbsp;<a href="/users/1369233/edwin-bautista" title="271 reputation" class="comment-user">Edwin Bautista</a> <span class="comment-date" dir="ltr"><a class="comment-link" onclick="StackExchange.question.highlightComment(13634969, 10538756)" href="#comment13634969_10538756"><span title="2012-05-10 17:24:49Z">May 10 at 17:24</span></a></span></div></td>
    </tr>

        </tbody>
    
        </table>
    </div>
    
    
    <div style="color: rgb(66, 66, 66);" class="was-this-helpful">
    
    
<h1>2d Transforms Demo</h1>
<p>Click to focus the Result frame.  Then use the W, A, S, and D keys to drive the space ship.  Use Z and X to zoom.</p>
<div id="a"></div>
<!-- <p>alksjd</p> -->
<!-- <p id="myNode">al ksdjlkasj dlka jlsdj lkajsd</p> -->
<!-- <p>alksjd</p> -->


<script type="text/javascript">
YUI({
    gallery: 'gallery-2012.05.02-20-10'
}).use('gallery-node-transform2d', 'transition', function (Y) {
	
	var n = Y.one("#myNode"); 
	n.on("click", function(){
		
// 		n.translate(0, -21, {
// 	         duration: .5,
// 	         easing: 'linear'
// 	     }, function () {});
	n.rotate(25, {
        duration: .5,
        easing: 'linear'
    }, function () {});
		
	})
	
});
</script>
</body>
</html>
